<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>申请开票</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/bootstrap-multitabs/multitabs.min.css">
    <link rel="stylesheet" href="/css/contractManager/user/contractDetail.css"/>

    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <style>
        .from-left {
            display: flex;
            flex-wrap: wrap;
            margin-left: 60px;
        }
    </style>
</head>
<body>

<div class="outerSphereBox">
    <input type="hidden" id="orderId" th:value="${vo?.orderId?:''}">
    <input type="hidden" id="companyId" th:value="${vo?.companyId?:''}">
    <input type="hidden" id="customerType" th:value="${vo?.customerType?:''}">
    <div class="subheading">
        <p>订单信息</p>
        <div class="centerContantTwo">
            <table>
                <tr>
                <tr>
                    <td>订单编号：<span class="text order-num" th:text="${vo?.orderCode?:''}"></span></td>
                    <td>订单总金额：<span class="text" id="totalAmount" th:text="${vo?.totalAmount?:''}"></span></td>
                    <td>未开发票金额：<span class="text" id="residueMoney" th:text="${vo?.residueMoney?:''}"></span></td>
                </tr>
                </tr>
            </table>
        </div>
    </div>
    <hr>
    <div class="subheading">
        <p>发票信息</p>
        <div class="filter-content">
            <div class="row">
                <div class="col-sm-12">
                    <form action="" class="apply-form ">
                        <div class="from-left">

                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                <label for="invoiceType"  class="control-label label-required">开票类型</label>
                                <div class="form-content">
                                    <select id="invoiceType" name="invoiceType" class="form-control" type="text"
                                            placeholder="请选择开票类型">
                                        <option value="">请选择</option>
                                        <option value="1">纸质发票</option>
                                        <option value="2">电子发票</option>
                                        <option value="3">纸质专票</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                <label for="searchCompanySelect"  class="control-label label-required">开票公司</label>
                                <div class="form-content">
                                    <select id="searchCompanySelect" name="searchCompanySelect" class="form-control" type="text"
                                            placeholder="请选择开票公司"></select>
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                <label class="control-label label-required" >开票日期</label>
                                <div class="form-content">
                                    <input type="text" id="invoiceTm" class="form-control date-input"
                                           name="invoiceTm"
                                           placeholder="请输入开票日期" autocomplete="off">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                <label class="control-label label-required">开票金额</label>
                                <div class="form-content">
                                    <input maxlength="20" id="invoiceMoney" type="text" class="form-control" name="invoiceMoney"
                                           placeholder="请输入开票金额"
                                           th:value="${vo?.residueMoney?:''}"
                                           onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 email-company">
                                <label class="control-label label-required" >邮箱</label>
                                <div class="form-content">
                                    <input id="sendEmail" type="text" class="form-control"
                                           name="sendEmail"
                                           placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6">
                                <label class="control-label label-required" >发票抬头</label>
                                <div class="form-content">
                                    <input id="invoiceTitle" type="text" class="form-control"
                                           name="invoiceTitle"
                                           th:value="${vo?.customerName?:''}"
                                           disabled
                                           placeholder="请输入发票抬头">
                                </div>
                            </div>

                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 individual-customer">
                                <label class="control-label label-required" >纳税人识别号</label>
                                <div class="form-content">
                                    <input id="taxNumber" type="text" class="form-control"
                                           name="taxNumber"
                                           th:value="${vo?.taxNumber?:''}"
                                           disabled
                                           placeholder="请输入纳税人识别号">
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 individual-customer paper-special">
                                <label class="control-label label-required" >地址</label>
                                <div class="form-content">
                                    <input id="addressPhone" type="text" class="form-control addressPhone addressPhone1"
                                           name="addressPhone"

                                           placeholder="请输入地址">
                                    <!--                                    <input id="addressPhones" type="text" class="form-control addressPhone addressPhones"-->

                                    <!--                                           placeholder="请输入地址电话">-->
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 individual-customer paper-special">
                                <label class="control-label label-required" >电话</label>
                                <div class="form-content">
                                    <input id="phone" type="text" class="form-control"
                                           onkeyup="value=value.replace(/[^\d]/g,'')"
                                           name="phone"
                                           maxlength="12"
                                           placeholder="请输入电话">

                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 individual-customer paper-special">
                                <label class="control-label label-required" >开户行</label>
                                <div class="form-content">
                                    <input id="bankAddressAccount" type="text" class="form-control bankAddressAccount bankAddressAccount1"
                                           name="bankAddressAccount"
                                           placeholder="请输入开户行">
                                    <!--                                    <input id="bankAddressAccounts" type="text" class="form-control bankAddressAccount bankAddressAccounts"-->

                                    <!--                                           placeholder="请输入开户行及账号">-->
                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-6 individual-customer paper-special">
                                <label class="control-label label-required" >账号</label>
                                <div class="form-content">
                                    <input id="bankAccount" type="text" class="form-control"
                                           name="bankAddressAccount"
                                           placeholder="请输入账号">

                                </div>
                            </div>
                            <div class="form-group col-lg-3 col-md-12 col-sm-12 col-xs-12">
                                <label class="control-label">备注</label>
                                <div class="form-content">
                                    <textarea class="form-control" rows="3" placeholder="不多于200字" id="remark"></textarea>
                                </div>
                            </div>
                            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <div class="text-right">
                                    <button class="btn btn-primary form-group" type="button" name="submit" onclick="addApply()">
                                        <span>提交审批</span></button>
                                    <button class="btn btn-default" type="button" onclick="resetApply()">重置</button>
                                </div>

                            </div>

                        </div>




                    </form>


                </div>

            </div>

        </div>
    </div>
</div>
</body>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!--对话框-->
<script src="/js/jconfirm/jquery-confirm.min.js"></script>

<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<script type="text/javascript" src="/js/bootstrap-multitabs/multitabs.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>



<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 通用js -->
<script src="/js/crm/common/common.js"></script>

<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>

<script src="/js/crm/orderManager/user/applyInvoice.js"></script>
</html>